
/**
* style for shopping_cart_cross_selling.html
* **/
div.shoppingCartCS_carouselCont #carouselInner {
	float:left; /* important for inline positioning */
	width:830px; /* important (this width = width of list item(including margin) * items shown */
	overflow: hidden;  /* important (hide the items outside the div) */
	/* non-important styling bellow */
}

div.shoppingCartCS_carouselCont #carouselUl {
	position:relative;
	left:-190px; /* important (this should be negative number of list items width(including margin) */
	list-style-type: none; /* removing the default styling for unordered list items */
	margin: 0px;
	padding: 0px;
	width:9999px; /* important */
	/* non-important styling bellow */
	padding-bottom:10px;
}

div.shoppingCartCS_carouselCont #carouselUl li{
	float: left; /* important for inline positioning of the list items */
	width:130px;  /* fixed width, important */
	/* just styling bellow*/
	padding:0px;
	height:200px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:21px;
	margin-right:21px;
}

div.shoppingCartCS_carouselCont #carouselUl li img {
	.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
	/* styling */
	cursor:pointer;
	cursor: hand;
	border:0px;
}

div.shoppingCartCS_carouselCont #leftScroll, 
div.shoppingCartCS_carouselCont #rightScroll{
	float:left;
	height:200px;
	width:35px;
}

div.shoppingCartCS_carouselCont #leftScroll img, 
div.shoppingCartCS_carouselCont #rightScroll img{
	/*styling*/
	cursor: pointer;
	cursor: hand;
}

div.shoppingCartCS_carouselCont .carusell_price {
    background: none repeat scroll 0 0 #E3E1D3;
    border: 1px solid #D6D2C4;
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    margin: 3px 0;
    padding: 1px;
    position: relative;
}


/**
* style for productview_cross_selling.html
* **/
div.productView_carouselCont #carouselInner {
	float:left; /* important for inline positioning */
	width:430px; /* important (this width = width of list item(including margin) * items shown */
	overflow: hidden;  /* important (hide the items outside the div) */
	/* non-important styling bellow */
}

div.productView_carouselCont #carouselUl {
	position:relative;
	left:-160px; /* important (this should be negative number of list items width(including margin) */
	list-style-type: none; /* removing the default styling for unordered list items */
	margin: 0px;
	padding: 0px;
	width:9999px; /* important */
	/* non-important styling bellow */
	padding-bottom:10px;
}

div.productView_carouselCont #carouselUl li{
	float: left; /* important for inline positioning of the list items */
	width:130px;  /* fixed width, important */
	/* just styling bellow*/
	padding:0px;
	height:200px;
	margin:10px;
}

div.productView_carouselCont #carouselUl li img {
	.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
	/* styling */
	cursor:pointer;
	cursor: hand;
	border:0px;
}

div.productView_carouselCont #leftScroll, 
div.productView_carouselCont #rightScroll{
	float:left;
	height:200px;
	width:35px;
}

div.productView_carouselCont #leftScroll img, 
div.productView_carouselCont #rightScroll img{
	/*styling*/
	cursor: pointer;
	cursor: hand;
}

div.productView_carouselCont .carusell_price {
    background: none repeat scroll 0 0 #E3E1D3;
    border: 1px solid #D6D2C4;
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    margin: 3px 0;
    padding: 1px;
    position: relative;
}